<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<title>GeoHive</title>
	<link rel="stylesheet" href="../style/mobile.css" type="text/css" media="handheld" />
    <link rel="stylesheet" href="../style/default.css" type="text/css"/>
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
	<script type="text/javascript" src="../scripts/google-maps-wrapper.js"></script>
	<script type="text/javascript" src="../scripts/jquery.js"></script>
	<script type="text/javascript" src="../scripts/doAjaxCall.js"></script>
	<script type="text/javascript" src="../scripts/database.js"></script>
	<script type="text/javascript" src="../scripts/search.js"></script>
</head>
<body onLoad="displayQuestion();">
	<div id="header">
  <div id="logo">
		<a href="../index.html">
			<img src="../icons/icon.jpg" width="92" height="92" />
		</a>
		<form id="searchForm">
			<input type="text" id="searchField" />
			<input type="submit" id="searchButton" value="Search" onClick="startSearch(); return false;" />
		</form>
		<div id="title">
		  <h2>GeoHive</h2>
		</div>
	</div>
<div id="map"> 
		<!-- place holder for the google map --> 
	</div> 
	<div id="map_legend_wrapper"> 
			<!-- place holder for the map legend --> 
			<input id="show_legend" type="hidden" value="false"> 
	</div> 
	<div class="clear"> 
	</div> 
	<div id="content">
	</div>
	<div class="clear">
	</div>
	<div class="footer" id="footer">
		<a href="create.html">Create a question</a>
		<a href="answer.html">Answer random questions</a>
	  <p>Copyright GeoHive&copy;  2010</p>
	</div>
</body>
</html>